<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>伪类选择器</title>
  <style>

      /*a:link {*/
      /*    color: red;*/
      /*}*/

      /*a:visited {*/
      /*    color: blue;*/
      /*}*/

      /*a:hover {*/
      /*    color: green;*/
      /*}*/

      /*a:active {*/
      /*    color: #ffd265;*/
      /*}*/




      /**
        一般这样用
       */
      a {
          color: red;
      }

      a:hover {
          color: blue;
      }
  </style>
</head>
<body>


<a href="#">a 标签</a>
<div class="box">div 标签</div>
</body>
</html>